<!DOCTYPE HTML>
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script src="js/jquery-1.8.3.js"></script>
<title>Insert title here</title>
</head>
<body>
<center><h2><u>Create Activity</u></h2></center>
<div id="configuration">
	<div id="row">
		<div class="col">Request Name</div>
		<div class="value" id="name"><input type="text" name="reqName" placeholder="Request name" required/></div>
	</div>
	
	<div id="row">
		<div class="col">Customer</div>
		<div class="value" id="name">
			<table>
				<tr>
					<td>Name: </td>
					<td><input type="text" name="Cname" placeholder="Customer name" required/></td>
				</tr>
				<tr>
					<td>City: </td>
					<td><input type="text" name="Ccity" placeholder="Customer city" required/></td>
				</tr>
				<tr>
					<td>Zip Code: </td>
					<td><input type="number" name="zipcode" placeholder="Customer ZipCode"/></td>
				</tr>
				<tr>
					<td>Phone: </td>
					<td><input type="text" name="phone" placeholder="Telephone" /></td>
				</tr>
			
			</table>
		</div>
	</div>
	
	<div id="row">
		<div class="col">Priority</div>
		<div class="value" id="name">
			<select>
			<option value="High">High</option>
			<option selected="selected" value="Medium">Medium</option>
			<option value="Low">Low</option>
			</select>
		</div>
	</div>
	
	<div id="row">
		<div class="col">Type</div>
		<div class="value" id="name">
			<select>
			<option value="field_repair">Field repaire</option>
			<option selected="selected" value="installation">Installation</option>
			</select>
		</div>
	</div>
	
	<div id="row">
		<div class="col">Description</div>
		<div class="value" id="description">
			<textarea name="textarea" placeholder="Details"></textarea>
			
		</div>
	</div>

	<div id="row">
		<div class="col">Template</div>
		<div class="value" id="name">
			<select>
			<option value="t1">Template 1</option>
			<option selected="selected" value="t2">Template 2</option>
			</select>
		</div>
	</div>
	<br/>
	<div id="row">
		<div id="save" align="center">
			<input type="submit" value="Validate" />
			<input type="reset" value="Clear"/>
			<input type="button" id="Schedul" value="Schedul" />
		</div>
	</div>
</div>
<script>
$("#Schedul").click(function(){
	  $("#body").load("SchedulActivity.html");
});
</script>
</body>
</html>